﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SubmitPay.aspx.cs" Inherits="Mobile_New_SubmitPay" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=2.0,maximum-scale=1,user-scalable=no" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="../New/css/index.css" />
        <script src="js/jquery-1.11.1.min.js"></script>
    <link href="css/yu.css" rel="stylesheet" />
    <script src="js/yu.min.js"></script>
    <script src="js/xxl.base.js"></script>
    <script src="../../Scripts/jquery-common.js"></script>
    <script src="js/Submit.js"></script>

    <style>
        * {
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

        body {
            background: #fff;
        }

        a, img, button, input, textarea {
            -webkit-tap-highlight-color: rgba(255,255,255,0);
        }

            a:active {
                outline: none;
            }

        .all {
            width: 100%;
            overflow: hidden; /*padding-top: 50px;*/
            padding-bottom: 40px;
        }

        .middle .middle_top {
            width: 100%;
            height: 30px;
            line-height: 30px;
            background: #fef9e3;
            text-indent: 15px;
            font-size: 12px;
        }

        .a_middle .m_l img {
            padding-left: 20px;
            margin-top: 15px;
        }

        .a_middle .m_l .zhuzhai {
            display: block;
            padding-left: 5px;
            color: #fff;
        }

        .a_middle .m_l {
            float: left;
            width: 20%;
            height: 60px;
            font-size: 10px;
        }

        .a_middle .m_r {
            float: left;
            width: 80%;
        }

            .a_middle .m_r img {
                width: 6px;
                float: right;
                margin-top: -2px;
                margin-right: 15px;
            }

            .a_middle .m_r .number {
                font-weight: bold;
                color: #C81624;
            }

            .a_middle .m_r .des {
                display: block;
                color: #999;
                margin-bottom: 10px;
                margin-top: 5px;
                margin-right: 18px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 12px;
                color: #fff;
            }

        font {
            display: block;
            color: #333;
            font-size: 12px;
            width: 90%;
            margin: 5px 0;
            color: #fff;
        }

        .middle_e {
            width: 95%;
            height: 35px;
            line-height: 35px;
            border-bottom: 1px solid #EEEEEA;
            margin-left: 2.5%;
            color: #4d4d4d;
            font-size: 12px;
        }

            .middle_e p {
                color: #4d4d4d;
                font-size: 12px;
            }

        .bottom {
            width: 95%;
            line-height: 33px;
            padding: 6px 8px;
            color: #4d4d4d;
            font-size: 12px;
        }

            .bottom ul li p {
                float: right;
            }

        clear:after {
            content: '';
            height: 0;
            display: block;
            clear: both;
        }

        .kong {
            width: 100%;
            height: 5px;
            background: #e3e3e3;
        }

        .member_info {
            width: 100%;
            /*height: 40px;*/
        }

            .member_info .info_left {
                width: 44%;
                float: left;
                height: 40px;
                line-height: 40px;
                padding-left: 3%;
                color: #aaa;
            }

            .member_info .info_right {
                width: 50%;
                height: 40px;
                line-height: 40px;
                padding-right: 3%;
                float: left;
                color: #aaa;
                text-align: right;
            }

                .member_info .info_right img {
                    padding-left: 3px;
                    height: 10px;
                }

        .huise {
            width: 100%;
            height: 5px;
            background: #e3e3e3;
        }

        .huise_juzhong {
            width: 96%;
            border: 1px solid #eee;
            margin: 0 auto;
        }

        .bottom_details li:after {
            content: '';
            display: block;
            height: 0;
            visibility: hidden;
            clear: both;
        }

        .span_yanse {
            color: #ff3969;
        }

        .bottom_orderway {
            width: 100%;
            background: white;
            height：60px;
        }

            .bottom_orderway li {
                width: 33.33%;
                float: left;
                text-align: center;
                font-size: 17px;
                margin-top: 20px;
                padding-bottom: 15px;
            }

                .bottom_orderway li div {
                    width: 55px;
                    height: 55px;
                    background-size: 45px 45px;
                    margin: 0 auto;
                }

        .footer_bottom {
            width: 100%;
            position: fixed;
            left: 0px;
            bottom: 0px;
            height: 40px;
            color: #e4ebcc;
        }

            .footer_bottom .div_left {
                height: 40px;
                line-height: 40px;
                float: left;
                width: 70%;
                background: #000;
            }

            .footer_bottom .div_right {
                height: 40px;
                line-height: 40px;
                background: #fc263e;
                text-align: center;
                float: left;
                width: 30%;
                cursor: pointer;
            }

                .footer_bottom .div_right .div_right_r {
                    width: 65px;
                    height: 40px;
                    line-height: 40px;
                    margin: 0 auto;
                }

                .footer_bottom .div_right span {
                    float: left;
                    font-size: 16px;
                }

                .footer_bottom .div_right img {
                    width: 8px;
                    height: 10px;
                    float: left;
                    margin-top: 15px;
                    margin-left: 6px;
                }

            .footer_bottom .div_left table {
                display: inline-block;
                width: 90%;
                float: left;
            }

        span {
            color: #262626;
        }

        .m_middle {
            width: 100%;
            margin-bottom:10px;
        }

            .m_middle .m_l {
                width: 22%;
                height: 50px;
                float: left;
            }

                .m_middle .m_l img {
                    width: 45px;
                    height: 45px;
                    margin-top: 3px;
                    padding-left: 10px;
                }

            .m_middle .m_r {
                width: 78%;
                height: 50px;
                float: left;
            }

                .m_middle .m_r .biaoti {
                    display: inline-block;
                    width: 75%;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    margin-top: 10px;
                }

                .m_middle .m_r .price {
                    display: inline-block;
                    float: right;
                    color: #FC263E;
                    margin-top: 10px;
                    margin-right: 15px;
                }

                .m_middle .m_r .des {
                    display: block;
                    color: #999;
                    line-height: 28px;
                    text-align: right;
                    padding-right: 15px;
                }

        .kong {
            width: 100%;
            height: 5px;
            background: #e3e3e3;
        }

        .m_middle {
            display: block;
        }

        .bottom_orderway li span {
            display: block;
            font-size: 10px;
        }

        .mypic1 {
            background: url('../images/btn_pay_wechat_unselect.png') no-repeat;
            background-position: center center;
        }

        .mypic2 {
            background: url('../images/btn_pay_zhifubao_unselect.png') no-repeat;
            background-position: center center;
        }

        .mypic3 {
            background: url('../New/images/btn_pay_missfresh.png') no-repeat;
            background-position: center center;
        }

        .mypic1ed {
            background: url('../images/btn_pay_wechat.png') no-repeat;
            background-position: center center;
        }

        .mypic2ed {
            background: url('../images/btn_pay_zhifubao.png') no-repeat;
            background-position: center center;
        }

        .mypic3ed {
            background: url('../images/btn_pay_checked.png') no-repeat;
            background-position: center center;
        }

        .myspan1 {
            color: #333;
        }

        .myspan2 {
            color: #333;
        }

        .myspan3 {
            color: #333;
        }

        .myspan1ed {
            color: #41bd07;
        }

        .myspan2ed {
            color: #039DFF;
        }

        .myspan3ed {
            color: #FC263E;
        }

        input {
            width: 65%;
            line-height: 20px;
            border: none;
            outline: none; /*padding:2px 0px 2px 0px;*/
            color: #fff;
            background: #5f7a97;
            font-size: 13px;
            margin-left:-1%
        }

        .zhongxian {
            width: 92%;
            margin: 0 auto;
            border: 1px solid #e3f4ff;
        }

        .a_middle {
            width: 100%;
            background: #5f7a97;
            border-bottom: 5px solid #e3e3e3;
        }

        .adress {
            width: 100%;
            /*height: 80px;*/
        }
        /*头部样式*/
        .TitleSpan{
            width:25%;
            float:left;
            color:#fff;
            font-size:14px;
            font-family:'Microsoft YaHei';
           
        }
        .TitleLi{
            padding-top:2%
        }
        .TitleLi input{
            border:1px solid #fff
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div style="text-align: center; font-size: 12px;" runat="server" id="msg">
            <img src="/Mobile/images/sc.png" style="width: 30%; margin-top: 150px;" /><br />
            <br />
            <span id="msgText" style="font-size: 18px; color: #aaa;">订单信息已经过期</span></div>
        <div class="all" id="alls" runat="server">
            <div class="middle">

                <div class="a_middle">
                    <div class="clearfix adress">
                        <ul>
                            <li>
                                <div class="m_l" style="width: 7%">
                                </div>
                                <div class="m_r" style="width: 93%;">
                                    <ul>
                                        <asp:Repeater runat="server" ID="rpOrder">
                                            <ItemTemplate>
                                                <li class="TitleLi">
                                                <span class="TitleSpan">姓名：</span><input placeholder="请输入您的姓名" style="color:#000;background:#fff" type="text" id="info_name" value="<%# Eval("memname") %>"  />
                                                </li>

                                                <li class="TitleLi" >
                                                <span class="TitleSpan">电话：</span><input placeholder="请输入您的电话" style="color:#000;background:#fff" type="text" id="info_phone" value="<%# Eval("memmobile") %>" />
                                                </li>
                                                <li class="TitleLi">
                                                <span class="TitleSpan">地址：</span><textarea  id="info_address" placeholder="请输入您的收货地址" style="margin-left:-1%;width:65%"/></textarea>
                                                </li>
                                                </a>
                                            </ItemTemplate>
                                        </asp:Repeater>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <%--<div class="zhongxian"></div>
                   <div class="clearfix">
                        <ul>
                            <li>
                                 <div class="m_l" style="height: 45px; margin-top: -2px;">
                                    <img src="../images/om_ic_time.png" style="width: 20px; height: 20px; margin-top: 12px !important;" />
                                </div>
                                <div class="m_r">
                                    <font>
                                    全优品生鲜送货时间：<br />
                                    凌晨00:00之后到15:00之前下单当日送达。15:00之后到00:00之前下单次日送达。
                                </font>
                                </div>
                            </li>
                        </ul>
                    </div>
                    --%>
                </div>
            </div>
            <div class="bottom_details clearfix">
                <div class="member_info">
                    <div class="m_middle clearfix" id="m_middle">
                        <ul id="orderinfolist">
                            <asp:Repeater runat="server" ID="rpOrderDetail">
                                <ItemTemplate>

                                    <li>
                                        <div class="m_l">
                                            <img src="<%# Eval("img") %>" onerror="this.src='/images/Gift/nogift.jpg'"/>
                                        </div>
                                        <div class="m_r">
                                            <span class="biaoti"><%# Eval("Name") %> </span>
                                            <span class="price">¥<%#Convert.ToDecimal(Eval("Subtotal")).ToString("0.00")%></span>
                                            <span class="des">×<%#Eval("ConvertNumber")%></span>
                                        </div>
                                    </li>

                                </ItemTemplate>
                            </asp:Repeater>
                        </ul>
                    </div>
                    <%--<div class="huise"></div>--%>
                    <%--<li>
                        <div class="info_left clearfix">
                            <span>订单号</span>
                        </div>
                        <div class="info_right clearfix">
                            <span id="span_orderid"></span>
                        </div>
                    </li
                    <div class="huise"></div>

                    <div class="huise_juzhong"></div>>--%>

                   <%-- <li>
                        <div class="info_left">
                            <span>商品总价</span>
                        </div>
                        <div class="info_right">
                            <span id="shangpin_price" runat="server">￥0.0</span>
                        </div>
                    </li>
                    <%--<li>
                        <div class="info_left">
                            <span>优惠金额</span>
                        </div>
                        <div class="info_right">
                            <span id="youhui_price">-￥0.0</span>
                        </div>
                    </li>--%>
                      <%--
                    <li>
                        <div class="huise_juzhong"></div>
                        <div class="info_left">
                            <b style="font-size: 18px;">合计</b>
                        </div>
                        <div class="info_right">
                            <span class="span_yanse" style="font-size: 22px !important;" id="zhifu_price" runat="server">￥0.0</span>
                        </div>
                    </li>--%>
                    <%--<div class="huise"></div>--%>
                </div>
            </div>
        </div>
        <div class="footer_bottom">
            <div class="div_left">
                <table>
                    <tr>
                        <td class="tb1_td1" style="padding-left: 15px; font-size: 12px;" >合计 </td>
                        <td class="tb1_td2" style="font-size: 12px;" id="zhifu_price2" runat="server">￥0.0</td>
                        <td class="tb1_td3" style="padding-left: 15px; font-size: 12px;">余额 </td>
                        <td class="tb1_td4" style="font-size: 12px;" id="my_yue" runat="server">￥0.0</td>
                    </tr>
                </table>
            </div>
            <div class="div_right" id="aGoodOrderSubmit">
                <div class="div_right_r">
                    <span style="color: #fff;">去支付</span>
                    <img src="../New/images/icon_detail_right.png" />
                </div>
            </div>
        </div>
    </form>
</body>
</html>
